//!!!!无法访问外网环境时，动态图标无法显示解决方案!!!!


import { addIcon, addCollection, addAPIProvider } from '@iconify/iconify';
import iconify from '@iconify/iconify';
console.log(iconify)
console.log(iconify._api)
console.log(iconify._api.listAPIProviders())
addAPIProvider('', {
  resources: ['http://127.0.0.1:3000'],
})
//1.直接导入使用的图标集(会导致包比较大)
//用到哪些图标集就导入哪些
import epJson from './ep.json';
addCollection(epJson);
const iconJsonObj = { epJson }
const initNoNetGather = () => {
  for (const key in iconJsonObj) {
    Object.keys(iconJsonObj[key].icons).forEach((iconName) => {
      const fullName = `${iconJsonObj[key].prefix}:${iconName}`; // 图标名称格式：前缀 + 名称
      addIcon(fullName, iconJsonObj[key].icons[iconName].body);
    });
  }
}

initNoNetGather()

//2.只导入使用的图标（包小，需要一个一个添加图标名称 麻烦）

//项目中动态使用的图标名称集
// const iconsList = ['ep:add-location']

// //动态添加离线图标
// const initNoNetIcon = () => {
//   iconsList.forEach(icon => {
//     const iconJson = getIcon(icon)
//     console.log(iconJson)
//     if (iconJson) addIcon(icon, iconJson)
//   })
// }

// initNoNetIcon()